<h:form id="formElementoDeDespesa" 
        xmlns="http://www.w3.org/1999/xhtml"
        xmlns:h="http://java.sun.com/jsf/html"
        xmlns:p="http://primefaces.org/ui"
        xmlns:pe="http://primefaces.org/ui/extensions"
        xmlns:f="http://java.sun.com/jsf/core">

    <script language="JavaScript" src = "scripts/script.js"/>

    <h:panelGrid style="width: 100%" >

        <h:panelGrid style="width: 100%">  

            <h:panelGroup>
                <h:outputLabel value="Categoria Econômica" /><br/>
                <p:selectOneMenu value="#{elementoDeDespesaBean.elementoDeDespesa.categoriaEconomicaDeDespesa}" 
                                 style="min-width: 100%;">
                    <f:selectItem itemLabel="Selecione" />
                    <f:selectItems value="#{elementoDeDespesaBean.categoriasEconomicaDeDespesa}" />
                    <f:converter converterId="simpleEntityConverter" />
                    
                    <p:ajax event="change" update="sequencia" 
                            listener="#{elementoDeDespesaBean.obterSequencia}" />
                    
                    <p:ajax event="change" update="codigo" 
                            listener="#{elementoDeDespesaBean.obterCodigo}" />
                </p:selectOneMenu>
            </h:panelGroup>

            <h:panelGroup>
                <h:outputLabel value="Natureza" /><br/>
                <p:selectOneMenu value="#{elementoDeDespesaBean.elementoDeDespesa.natureza}" 
                                 style="min-width: 100%">
                    <f:selectItem itemLabel="Selecione" />
                    <f:selectItems value="#{elementoDeDespesaBean.naturezas}" />
                    <f:converter converterId="simpleEntityConverter" />
                    
                    <p:ajax event="change" update="sequencia" 
                            listener="#{elementoDeDespesaBean.obterSequencia}" />
                    
                    <p:ajax event="change" update="codigo" 
                            listener="#{elementoDeDespesaBean.obterCodigo}" />
                </p:selectOneMenu>
            </h:panelGroup>
     
            <h:panelGroup>
                <h:outputLabel value="Modalidade" /><br/>
                <p:selectOneMenu value="#{elementoDeDespesaBean.elementoDeDespesa.modalidade}" 
                                 style="width: 100%">
                    <f:selectItem itemLabel="Selecione" />
                    <f:selectItems value="#{elementoDeDespesaBean.modalidades}" />
                    <f:converter converterId="simpleEntityConverter" />
                    
                    <p:ajax event="change" update="sequencia" 
                            listener="#{elementoDeDespesaBean.obterSequencia}" />
                    
                    <p:ajax event="change" update="codigo" 
                            listener="#{elementoDeDespesaBean.obterCodigo}" />
                    
                </p:selectOneMenu>
            </h:panelGroup>
            
            <h:panelGroup>
                <h:outputLabel value="Elemento" /><br/>
                <p:selectOneMenu value="#{elementoDeDespesaBean.elementoDeDespesa.elemento}" 
                                 style="width: 100%">
                    <f:selectItem itemLabel="Selecione" />
                    <f:selectItems value="#{elementoDeDespesaBean.elementos}" />
                    <f:converter converterId="simpleEntityConverter" />
                    
                    <p:ajax event="change" update="sequencia" 
                            listener="#{elementoDeDespesaBean.obterSequencia}" />
                    
                    <p:ajax event="change" update="codigo" 
                            listener="#{elementoDeDespesaBean.obterCodigo}" />
                    
                </p:selectOneMenu>
            </h:panelGroup>
        </h:panelGrid>

        <h:panelGroup>
            <h:outputLabel value="Histórico" /><br/>
            <p:inputTextarea value="#{elementoDeDespesaBean.elementoDeDespesa.historicoClassificacao}" maxlength="255" style="width: 400px" />          
        </h:panelGroup>
        
        <h:panelGrid columns="3" style="width: 100%">  
            <h:panelGroup>
                <h:outputLabel value="Sequencia"/><br/>
                <p:inputText id="sequencia" value="#{elementoDeDespesaBean.elementoDeDespesa.sequencia}" 
                             style="width: 50px" 
                             maxlength="2"
                             readonly="true"/>
            </h:panelGroup>
            <h:panelGroup>
                <h:outputLabel value="Código"/><br/>
                <p:inputText id="codigo" value="#{elementoDeDespesaBean.elementoDeDespesa.codigo}" 
                             style="width: 90px"
                             maxlength="15" 
                             readonly="true"/>
            </h:panelGroup>
            <h:panelGroup>
                <h:outputLabel value="Descrição"/><br/>
                <p:inputText value="#{elementoDeDespesaBean.elementoDeDespesa.descricao}" 
                             style="width: 230px" 
                             />
            </h:panelGroup>
        </h:panelGrid>

    </h:panelGrid>

    <hr/>

    <p:commandButton id="btnGravar" value="Gravar" 
                     actionListener="#{elementoDeDespesaBean.adicionarEditarFim}"
                     update="formElementoDeDespesa" />

    <p:commandButton value="Cancelar" 
                     actionListener="#{elementoDeDespesaBean.cancelar}"
                     immediate="true"/>

</h:form>


